<template>
	<view class="task_banner">
		<swiper class="swiper" :disable-touch="true" :autoplay="true" :interval="3000" :duration="500" :circular="true" :vertical="true" display-multiple-items="3">
			<swiper-item class="swiper_li" v-for="(item, index) of 5" :key="index">
				<view class="swiper_image" @tap="tapItem(item)">
					<view class="task_box flex">
						<view class="task_title font20">名称</view>
						<view class="task_info flex">
							<view class="info_left flex1">
								<!-- <image class="user-avatar" src="../../../static/home/ic_rw.png"></image> -->
								<view class="zhixingren flex">
									<view class="font20">
										执行人：
									</view>
									<view class="font20" v-for="(val, i) of 3" :key="'a'+i" >
										username
									</view>
								</view>
							</view>
							<view class="info_right">date1-date2</view>
						</view>
					</view>
				</view>
			</swiper-item>
	
			<swiper-item class="swiper_li" v-if="0">
				<view class="swiper_image">
					<view class="task_box flex">
						<view class="task_info flex"><view class="info_left flex1">暂无任务</view></view>
					</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default{
		data() {
			return {}
		},
		methods: {
			/**
			 * 
			 */
			tapItem() {
				
			}
		}
	}
</script>

<style lang="scss">
	
</style>
